<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header SMES-dialog B0231-dialog" ng-init="init();">
    <div class="kmi-header-row">
        <div class="header-title" ng-bind="'B0231.title' | translate"></div>
        <div class="kmi-side-btn right" ng-click="dialog.back();">
            <img src="image/icons/clear.png"></img>
            <div class="kmi-can-click"></div>
        </div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="kmi-layout-page">
            <div class="content">
                <div class="kmi-text-fields">
                    <label class="label" ng-bind="(dialog.type==0) ? 'B0231.machine' : 'B0231.position' | translate"></label>
                    <label class="value" ng-bind="(dialog.type==0) ? dialog.machine : dialog.position"></label>
                </div>
                <div class="kmi-text-fields">
                    <label class="label" ng-bind="'B0231.employee' | translate"></label>
                    <label class="value" ng-bind="dialog.employee"></label>
                    <label class="label" ng-bind="'B0231.user_title' | translate"></label>
                    <label class="value" ng-bind="dialog.user_title"></label>
                </div>
            </div>
            <div class="kmi-list">
                <div class="kmi-list__header">
                    <div class="kmi-list__column" ng-bind="'B0231.list.column1' | translate" style="flex:1;"></div>
                    <div class="kmi-list__column" ng-bind="'B0231.list.column2' | translate" style="flex:1;"></div>
                    <div class="kmi-list__column" ng-bind="'B0231.list.column3' | translate" style="flex:1;"></div>
                    <div class="kmi-list__column" ng-bind="'B0231.list.column4' | translate" style="flex:1;"></div>
                    <div class="kmi-list__column" ng-bind="'B0231.list.column5' | translate" style="flex:0 0 48px;"></div>
                </div>
                <div class="kmi-list__row-content">
                    <div class="kmi-list__row" ng-repeat="item in dialog.inspect_detail track by $index">
                        <div class="kmi-list__column" style="flex:1;" ng-bind="item.require_skill_no+'('+item.require_skill_name+')'"></div>
                        <div class="kmi-list__column" style="flex:1;" ng-bind="item.require_grade_name ? (item.require_grade_no +'('+item.require_skill_name+')') : item.require_grade_no " ng-style="dialog.getTextColor(item);"></div>
                        <div class="kmi-list__column" style="flex:1;" ng-bind="item.user_grade_no.trim() != ''? (item.user_grade_no +'('+item.user_grade_name+')') : ''"></div>
                        <div class="kmi-list__column" style="flex:1;" ng-bind="item.exp_hour"></div>
                        <div class="kmi-list__column" style="flex:0 0 48px;">
                            <i class="material-icons dashboard-light-panel" style="font-size: 22px;" ng-class="[dialog.getLight(item)]">lens</i>
                        </div>
                    </div>
                </div>
            </div>
            <div class="btn-panel">
                <div style="display:flex;">
                    <div class="kmi-button kmi-button-confrim btn-confirm" ng-click="dialog.forceOnWork()"
                        style="width:100px">
                        <label ng-bind="'B0231.btn.force_on_work' | translate"></label>
                        <div class="kmi-can-click"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
